@charset "utf-8";
/* CSS Document Reset CSS*/
* {
  -webkit-text-size-adjust:none;
}

html:root{
  font-family: 'Helvetica Neue',Tahoma,Arial,PingFangSC-Regular,'Hiragino Sans GB','Microsoft Yahei',sans-serif;
}

html[data-dpr="1"] .cCenter {
  max-width: 760px;
  margin: 0 auto;
}

html[data-dpr="1"] #wrapper {
  max-width: 760px;
}
body {
  /* background-color: #ffdcbf; */
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

/*html4 reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin:0;
  padding:0;
}
fieldset, img {
  border:0 none;
}
a {
  color:#333;
  text-decoration:none;
}
address, caption, cite, code, dfn, em, th, var, b,h1,h2,h3 {
  font-style:normal;
  font-weight:normal;
}
ol, ul, li {
  list-style-type:none }
q:before, q:after {
  content:'';
}
abbr, acronym {
  border:0;
  font-variant:normal;
}
/*html5 reset*/
  header, footer, section, nav, menu, details, hgroup, figure, figcaption, article, aside {
  margin:0;
  padding:0;
  display:block;
}
a {

  text-decoration:none;
}
a,area {
  blr:expression(this.onFocus=this.blur())
}
/*针对IE*/

a {
  text-decoration:none;
  outline:none;
}
a:hover {
  text-decoration:none;
}
a:focus {
  outline:0;
}
.clear {
  clear:both;
  font-size:0;
  height:0;
  line-height:0;
  overflow:hidden;
}
.clearfix:after {
  clear:both;
  content:" ";
  display:block;
  font-size:0;
  height:0;
  visibility:hidden;
}
.clearfix {
  zoom:1;
}
/*reset over*/

img {
  width: 100%;
  display:block;
}


#wrapper {
  width: 100%;
}

#scroller {
  width: 100%;
  height: 1.25rem;
  background:#fff;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
       transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  position: relative;
}

#scroller ul {
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-right: 1.25rem;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
       box-sizing: border-box;
  border-bottom: 1px solid #eee;
  -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.1);
          -moz-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.1);
       box-shadow: 0 1px 1px 1px rgba(0,0,0,0.1);
}

#scroller ul li {
    width: 33.333%;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: 0.42rem;
    color: #000;
    text-align: center;
    position: relative;
}

#scroller ul li.hover::after, .nav-more ul li.hover::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.0625rem;
    background: #ff718e;
    bottom: 0;
    left: 0;
}

#scroller ul li.hover a, .nav-more ul li.hover a {
  color: green;
}
.nav-hide {
  overflow: hidden;
}
.fixed{
  position: fixed !important;
  z-index: 999;
  top:0;
}
.arrow {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid rgba(0,0,0,0.1);
  -webkit-box-shadow: -1px 0 1px 1px rgba(0,0,0,0.1);
          -moz-box-shadow: -1px 0 1px 1px rgba(0,0,0,0.1);
       box-shadow: -1px 0 1px 1px rgba(0,0,0,0.1);
}

.arrow::after {
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  position: absolute;
  top: 0.3rem;
  left: 0.4rem;
  border: 5px solid transparent;
  border-top: 5px solid  #ff718e;
  border-left: 5px solid  #ff718e;
  z-index: 99;
  opacity: 1;
  -webkit-transform: rotate(-135deg);
          -moz-transform: rotate(-135deg);
           -ms-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
       transform: rotate(-135deg);
  content: " ";
}

.arrow-up::after {
  top: 0.55rem;
  -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
           -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
       transform: rotate(45deg);
}

.floor {
  /*padding-top: 1.25rem;*/
/*  margin-top: 1rem;*/
}
.proFloor {
  padding:0 0.078125rem 0.67rem;
  padding-bottom: 0;
}
.pro {
  margin-bottom: 0.75rem;
}

.qg-wrapper {
  background: #87d37c;
  border-radius: .4rem;
  padding: .5rem 0;
}

.qg-wrapper .banner {
  padding: .1rem .5rem;
}
.banner.coupon-img {
  padding: .5rem .2rem;
}

.qg-wrapper .proFloor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.qg-wrapper .proFloor .proAlone {
  -webkit-box-flex:1;
  -webkit-flex:1;
     -moz-box-flex:1;
      -ms-flex:1;
          flex:1
}
.banner {
  padding: .5rem 2rem;
}

.proAlone {
  width: 48%;
  height: auto;
  background: #fff;
  overflow: hidden;
  float: left;
  margin: 0 1%;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  margin-top: 0.2rem;
  position: relative;
}

.proName {
  width:100%;
  background:#fff;
  height: 1.2rem;
  padding: 0.15rem 0.3rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  word-break: break-word;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  margin-bottom: .2rem;
}
.proName a {
  width:100%;
  color:#111;
  font-size: 0.375rem;
}
.proPrice {
  color:#333;
  width:100%;
  text-align:center;
  background:#fff;
}

.proP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-pack: distribute;
      -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align:center;
          -webkit-align-items: center;
             -moz-box-align: center;
          align-items: center;
  /*-webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;*/
}

.qg-content .proP {
  flex-direction: column;
}

.proP p.priceNew {
  text-align:center;
  color:#54974b;
  font-size: 0.35rem;
  padding-left: 0.3rem;
  -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
       box-sizing: border-box;
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          -webkit-flex: 1;
             -moz-box-flex: 1;
          flex: 1;
}
.proP p.priceNew b{
  width:100%;
  text-align:center;
  color:#54974b;
  font-size: 0.525rem;
  font-weight: normal;
}

.proP p.priceOld{
  color:#aaa;
  text-decoration:line-through;
  color:#aaa;
  text-align: right;
  -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding-right: 0.3rem;
  }
.priceNew b{
  font-weight:bold;
  color:#e61127;
}
.proBtn {
  width:100%;
  text-align:center;
  background:#54974b;
  height: 1rem;
  line-height: 1rem;
}
.proBtn a {
  display:block;
  color:#fff;
  font-size: 0.4rem;
}
#rtt{
  padding-bottom: 0.5rem;
}

/* 优惠券 */
.ka {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}

.kashi {
  width: 50%;
}

a {
  -webkit-tab-highlight-color : transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

.error-tips {
    display: none;
    background-color: rgba(0,0,0,.95);
    border: solid .05rem transparent;
    padding: .2rem .3rem;
    text-align: center;
    -webkit-border-radius: .5rem;
       -moz-border-radius: .5rem;
            border-radius: .5rem;
    position: fixed;
    z-index: 9999;
    top: 40%;
    left: 20%;
    right: 20%;
    color: #fff;
    font-size: 0.5rem;
    line-height: 1.6;
    -webkit-box-shadow: 0 0 2rem rgba(0,0,0,.15);
            -moz-box-shadow: 0 0 2rem rgba(0,0,0,.15);
         box-shadow: 0 0 2rem rgba(0,0,0,.15);
    opacity: 0;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
     -ms-transform: scale(.9);
      -o-transform: scale(.9);
         transform: scale(.9)
}

.error-tips-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
     -ms-transform: scale(1);
      -o-transform: scale(1);
         transform: scale(1)
}

.error-tips-transition {
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
      -o-transition-duration: .2s;
         transition-duration: .2s
}

.hot-floor{
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.hot-floor .banner {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.proA {
  display: block;
  position: relative;
  padding-top: 100%;
  height: 0;
}

.proA img {
  position: absolute;
  top: 0;
  left: 0;
}

.sell-out-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          -webkit-justify-content: center;
             -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          -webkit-align-items: center;
             -moz-box-align: center;
          align-items: center;
  z-index: 99;
}

.sell-out-mask span {
  color: #fff;
  font-size: 0.5rem;
  letter-spacing: 1px;
}

.mt-2 {
  margin-top: 2%;
}

.pt-2 {
  padding-top: 2%;
}

.mt-4 {
  margin-top: 4%;
}

.nav-menu {
  position: relative;
  height: 1.25rem;
  width: 100%;
}

.ms-wrap {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #b30d49;
  color: #f6e954;
  font-size: 0.375rem;
  z-index: 99;
  text-align: center;
  padding: 0.1rem 0;
}